<template>
  <u-popup :closeOnClickOverlay="true" :show="show" bgColor="transparent" mode="center" round="10px">
    <view class="edit-success">
      <img class="title" src="../image/edit-title.png" mode="scaleToFill" />
      <div class="info">信息审核通过后会优先展示</div>
      <img class="image" src="../image/bg-success.png" mode="scaleToFill" />
      <div class="operate" @click="goBack">
        我知道了
      </div>
    </view>
  </u-popup>
</template>

<script>
export default {
  name: "EditSuccess",
  props: {
    show: {
      type: Boolean,
      default: true,
    },
  },
  methods: {
    goBack() {
      this.$back();
    },
  },
};
</script>

<style scoped lang="scss">
.edit-success {
  width: calc(100vw - 100px);
  background: #fff;
  border-radius: 10px;
  padding: 20px 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  .title {
    width: 104px;
    height: 24px;
  }
  .info {
    margin-top: 8px;
    font-size: 14px;
    color: #999999;
  }
  .image {
    margin-top: 15px;
    width: 170px;
    height: 96px;
  }
  .operate {
    margin-top: 20px;
    width: 210px;
    height: 40px;
    line-height: 40px;
    border-radius: 20px;
    background: linear-gradient(270deg, #ffa222 0%, #ff8822 100%);
    text-align: center;
    color: #ffffff;
    font-size: 16px;
    font-weight: 600;
  }
}
</style>
